﻿<Page
    x:Class="GIFPlayerSample.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:GIFPlayerSample"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    xmlns:gif="using:GIFPlayer"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
	<Page.Resources>
        <Storyboard x:Name="GIFAnimation" RepeatBehavior="Forever">
            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="projection" BeginTime="00:00:00.000"  Storyboard.TargetProperty="RotationY" >
                <EasingDoubleKeyFrame KeyTime="00:00:02.000" Value="180" />
                <EasingDoubleKeyFrame KeyTime="00:00:04.000" Value="360" />
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="gifContainer" BeginTime="00:00:00.000"  Storyboard.TargetProperty="Opacity" >
                <EasingDoubleKeyFrame KeyTime="00:00:02.000" Value="0" />
                <EasingDoubleKeyFrame KeyTime="00:00:04.000" Value="1" />
            </DoubleAnimationUsingKeyFrames>
         </Storyboard>
	</Page.Resources>

    <Grid>
    	<Grid.Background>
    		<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
    			<GradientStop Color="Black" Offset="0"/>
    			<GradientStop Color="White" Offset="1"/>
    		</LinearGradientBrush>
    	</Grid.Background>

        <gif:GIF x:Name="gifContainer"  Source="https://media.giphy.com/media/U5dPt0qZ7F1ks/giphy.gif" ></gif:GIF>
        <!--<Border Background="Red" VerticalAlignment="Top" HorizontalAlignment="Left" Width="250" Height="250" />-->
        <!--<gif:GIF x:Name="gifContainer" Opacity="1" Source="http://24.media.tumblr.com/tumblr_lvp1l0ijIs1qze5g2o1_250.gif" Width="250" Height="250" >

        </gif:GIF>-->
        <!--<ListView>
            <ListViewItem>
                <gif:GIF x:Name="gifContainer" Source="http://media.giphy.com/media/yv8iBjSfZs9IA/giphy.gif" ></gif:GIF>
            </ListViewItem>
            <ListViewItem>
                <gif:GIF Source="http://media.giphy.com/media/yv8iBjSfZs9IA/giphy.gif" ></gif:GIF>
            </ListViewItem>
            <ListViewItem>
                <gif:GIF Source="http://media.giphy.com/media/yv8iBjSfZs9IA/giphy.gif" ></gif:GIF>
            </ListViewItem>
            <ListViewItem>
                <gif:GIF  Source="http://media.giphy.com/media/yv8iBjSfZs9IA/giphy.gif" ></gif:GIF>
            </ListViewItem>
            <ListViewItem>
                <gif:GIF Source="http://media.giphy.com/media/yv8iBjSfZs9IA/giphy.gif" ></gif:GIF>
            </ListViewItem>
        </ListView>-->
        
        <StackPanel x:Name="stackPanel">
        	
            <!--<gif:GIF x:Name="gifContainer" Opacity="1" Source="Assets\\transparent.gif" >
               
            </gif:GIF>-->
            <!--<gif:GIF Source="Assets\\duvor.gif" Width="400" Height="240"></gif:GIF>
            <gif:GIF Source="Assets\\NeMevoy.gif" Width="200" Height="120">
                <gif:GIF.Projection>
                    <PlaneProjection x:Name="projection" RotationY="0"/>
                </gif:GIF.Projection>
            </gif:GIF>-->
            <!--<gif:GIF Source="Assets\\transparent.gif" Width="125" Height="125"></gif:GIF>-->
            <!--<gif:GIF Source="Assets\\giphy.gif" Width="200" Height="120"></gif:GIF>
            <gif:GIF Source="Assets\\giphy.gif" Width="200" Height="120"></gif:GIF>
            <gif:GIF Source="Assets\\giphy.gif" Width="200" Height="120"></gif:GIF>-->
            
        </StackPanel>
    </Grid>
</Page>